page {
  background-color: #F9F9F9;
}

#confirm {
  padding: 24rpx 30rpx;
}

#confirm .status-bar {
  height: 88rpx;
  background-color: #e5373b;
  color: #fff;
  padding: 0 32rpx;
  line-height: 88rpx;
}

#confirm .status-bar view, #confirm .status-bar text {
  display: inline;
}

#confirm .status-bar .state {
  font-size: 28rpx;
}

#confirm .status-bar .time {
  font-size: 24rpx;
  margin-left: 10rpx;
}

#confirm .section1, #confirm .section2, #confirm .section3, #confirm .section4, #confirm .order-info {
  background: #FFFFFF;
  border-radius: 20rpx;
  padding: 0 25rpx;
  margin-bottom: 16rpx;
}

#confirm .section1 {
  height: 90rpx;
  display: flex;
  align-items: center;
}

#confirm .section1 .left {
  font-size: 28rpx;
  margin-right: 22rpx;
}

#confirm .section1 .right {
  color: #999999;
  font-size: 24rpx;
}

#confirm .section1 .right.time {
  color: #DD423F;
}

#confirm .section2 {
  padding-top: 22rpx;
  padding-bottom: 32rpx;
}

#confirm .section2 .top {
  display: flex;
  align-items: flex-start;
  font-size: 28rpx;
  line-height: 46rpx;
  margin-bottom: 14rpx;
}

#confirm .section2 .top-icon {
  width: 26rpx;
  height: 30rpx;
  flex-shrink: 0;
  margin-top: 8rpx;
  margin-right: 22rpx;
}

#confirm .section2 .bottom {
  font-size: 24rpx;
  color: #999999;
  line-height: 1;
  padding-left: 47rpx;
}

#confirm .address {
  padding: 32rpx;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#confirm .address .left {
  font-size: 32rpx;
  color: #e5373b;
  margin-right: 24rpx;
}

#confirm .address .text {
  width: 590rpx;
}

#confirm .address .text .tel {
  font-size: 24rpx;
  color: #666;
  margin-left: 10rpx;
}

#confirm .address .text .bot {
  margin-top: 4rpx;
}

#confirm .address .right {
  font-size: 24rpx;
  color: #666;
  margin-left: 24rpx;
}

#confirm .addr-none {
  height: 160rpx;
  padding: 32rpx;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

#confirm .addr-none button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 296rpx;
  height: 64rpx;
  border-radius: 32rpx;
  border: 1px solid #f7c3c4;
  color: #e5373b;
  font-size: 24rpx;
}

#confirm .addr-none button text {
  font-size: 24rpx;
  margin-right: 6rpx;
}

#confirm .section3 .count {
  text-align: right;
  padding-top: 30rpx;
  padding-bottom: 30rpx;
  font-size: 24rpx;
  color: #999999;
  line-height: 1;
}

#confirm .section3 .count text {
  font-weight: bold;
  color: #DD423F;
}

#confirm .section3 .count .bold {
  font-size: 32rpx;
}

#confirm .section4 {
  font-size: 24rpx;
  padding-top: 40rpx;
  padding-bottom: 45rpx;
}

#confirm .section4 .title {
  line-height: 1;
  margin-bottom: 17rpx;
}

#confirm .section4 .content {
  line-height: 38rpx;
}

#confirm .goods-list .order-goods-item {
  padding: 30rpx 0;
  border-bottom: 1px solid #E6E6E6;
}

#confirm .goods-list .order-goods-item .img {
  width: 120rpx;
  height: 120rpx;
  border-radius: 20rpx;
}

#confirm .goods-list .order-goods-item .texts {
  flex-grow: 1;
  width: 0;
  margin-left: 23rpx;
  display: flex;
  height: 120rpx;
  flex-direction: column;
  justify-content: space-between;
}

#confirm .goods-list .order-goods-item .top {
  height: auto;
  margin-top: 12rpx;
}

#confirm .goods-list .order-goods-item .top .title {
  height: auto;
  font-size: 28rpx;
  line-height: 38rpx;
}

#confirm .goods-list .order-goods-item .bot {
  margin-top: 0;
  margin-bottom: 12rpx;
}

#confirm .goods-list .order-goods-item .bot .num {
  font-size: 24rpx;
  color: #666666;
}

#confirm .goods-list .order-goods-item .bot .price {
  font-size: 24rpx;
  color: #e5373b;
  font-weight: bold;
}

#confirm .goods-list .order-goods-item .bot .price .bold {
  font-size: 32rpx;
}

#confirm .goods-list .order-goods-item .bot .price .normal {
  font-weight: normal;
  font-size: 24rpx;
  color: #333333;
}

#confirm .form {
  background-color: #fff;
  padding: 32rpx;
}

#confirm .form .main {
  width: 100%;
  border-radius: 8rpx;
  padding: 15rpx 0;
}

#confirm .form .main .count {
  text-align: right;
  padding-top: 30rpx;
  padding-bottom: 30rpx;
  font-size: 24rpx;
  color: #999999;
  line-height: 1;
}

#confirm .form .main .count text {
  font-weight: bold;
  color: #DD423F;
}

#confirm .form .main .count .bold {
  font-size: 32rpx;
}

#confirm .form .line {
  height: 74rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #E6E6E6;
}

#confirm .form .line .label {
  font-size: 28rpx;
  white-space: nowrap;
  flex-shrink: 0;
}

#confirm .form .line .right {
  width: 100%;
  height: 74rpx;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 28rpx;
}

#confirm .form .line .right .iconfont {
  font-size: 24rpx;
  color: #666;
  margin-left: 30rpx;
}

#confirm .form .line .right input {
  width: 100%;
  height: 74rpx;
  background-color: #fafafa;
  text-align: right;
  font-size: 28rpx;
}

#confirm .fun-line {
  height: calc(116rpx + constant(safe-area-inset-bottom));
  height: calc(116rpx + env(safe-area-inset-bottom));
}

#confirm .fun-line .fun-line-container {
  height: calc(116rpx + constant(safe-area-inset-bottom));
  height: calc(116rpx + env(safe-area-inset-bottom));
  padding: 0 30rpx;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  box-sizing: border-box;
  background-color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  box-shadow: 0rpx 7rpx 16rpx 0rpx rgba(0, 0, 0, 0.2);
}

#confirm .fun-line .color-gray {
  width: auto !important;
}

#confirm .fun-line .subbtn {
  display: block;
  width: 220rpx;
  height: 90rpx;
  border-radius: 10rpx;
  border: none;
  text-align: center;
  line-height: 90rpx;
  background: #F65C28;
  color: #fff;
  font-size: 32rpx;
  margin-left: 16rpx !important;
}

#confirm .fun-line-h {
  width: 100%;
  height: 130rpx;
}

#confirm .mask {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 4;
  background-color: rgba(0, 0, 0, 0.5);
}

#confirm .addr-select {
  height: 740rpx;
  background-color: #fff;
  border-radius: 16rpx 16rpx 0 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
  padding: 0 32rpx;
  transform: translateY(100%);
  transition: all 0.3s;
}

#confirm .addr-select .tops {
  width: 100%;
  height: 112rpx;
  border-bottom: 1px solid #f0f0f0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#confirm .addr-select .tops .add {
  color: #e5373b;
}

#confirm .addr-select .tops .title {
  font-size: 32rpx;
  color: #000;
}

#confirm .addr-select .tops .confirm {
  color: #000;
}

#confirm .addr-select .addr-list {
  width: 100%;
  height: 628rpx;
  overflow-y: auto;
}

#confirm .addr-select .addr-list .item {
  width: 100%;
  height: 156rpx;
  border-bottom: 1px solid #f0f0f0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#confirm .addr-select .addr-list .item .left {
  width: 570rpx;
}

#confirm .addr-select .addr-list .item .left .name view {
  display: inline-block;
}

#confirm .addr-select .addr-list .item .left .name text {
  font-size: 24rpx;
  color: #666;
  margin-left: 10rpx;
}

#confirm .addr-select .addr-list .item .left .addr {
  margin-top: 5rpx;
}

#confirm .addr-select.open {
  transform: translateY(0);
}

#confirm .coupon-modal {
  height: 754rpx;
  background-color: #fff;
  border-radius: 16rpx 16rpx 0 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 6;
  padding: 32rpx 32rpx 0;
  transform: translateY(100%);
  transition: all 0.3s;
}

#confirm .coupon-modal.open {
  transform: translateY(0);
}

#confirm .coupon-modal .mod {
  font-size: 32rpx;
  width: 100%;
  height: 48rpx;
  line-height: 48rpx;
  text-align: center;
}

#confirm .coupon-modal .list {
  width: 100%;
  height: 650rpx;
  margin-top: 24rpx;
  overflow-y: auto;
}

#confirm .coupon-modal .list .item {
  width: 100%;
  margin-bottom: 24rpx;
}

#confirm .coupon-modal .list .item .tops {
  display: flex;
  width: 686rpx;
  height: 186rpx;
  background-image: url(../img/34.png);
  background-size: 100% 100%;
}

#confirm .coupon-modal .list .item .tops .left {
  width: 482rpx;
  padding: 42rpx 32rpx;
}

#confirm .coupon-modal .list .item .tops .left .discount {
  font-size: 32rpx;
  font-weight: bold;
  color: #4f442f;
}

#confirm .coupon-modal .list .item .tops .left .date {
  background-color: #edd5b2;
  height: 40rpx;
  border-radius: 20rpx;
  padding: 0 16rpx;
  margin-top: 4rpx;
  font-size: 22rpx;
  line-height: 40rpx;
}

#confirm .coupon-modal .list .item .tops .right {
  width: 204rpx;
  padding: 36rpx 10rpx;
  text-align: center;
}

#confirm .coupon-modal .list .item .tops .right .price {
  font-size: 28rpx;
  color: #e5373b;
}

#confirm .coupon-modal .list .item .tops .right .price text {
  font-size: 48rpx;
  line-height: 48rpx;
  font-weight: bold;
}

#confirm .coupon-modal .list .item .tops .right .btn {
  display: block;
  width: 160rpx;
  height: 48rpx;
  border-radius: 24rpx;
  background-color: #413621;
  color: #fbdfac;
  font-size: 24rpx;
  line-height: 48rpx;
  text-align: center;
  margin: 0 auto;
}

#confirm .coupon-modal .list .item .tops .right .btn.disabled {
  opacity: 0.5;
}

#confirm .coupon-modal .close {
  display: block;
  width: 24rpx;
  line-height: 24rpx;
  position: absolute;
  top: 40rpx;
  right: 32rpx;
}

#confirm .coupon-modal .close text {
  font-size: 24rpx;
  line-height: 32rpx;
}

#confirm .coupon-modal .nouse {
  display: block;
  line-height: 24rpx;
  position: absolute;
  top: 44rpx;
  right: 32rpx;
  color: #999;
}

#confirm .order-count-info {
  padding: 0 54rpx 30rpx;
  text-align: right;
  background-color: #FFFFFF;
}

#confirm .order-count-info .goods_num {
  color: #666666;
  margin-right: 10px;
}

#confirm .order-count-info .price {
  color: #e5373b;
}

#confirm .order-info {
  padding-top: 40rpx;
  padding-bottom: 29rpx;
}

#confirm .order-info .goods-list-mod {
  font-size: 24rpx;
  line-height: 1;
  padding-bottom: 35rpx;
  border-bottom: 1px solid #E6E6E6;
  margin-bottom: 20rpx;
}

#confirm .order-info .line {
  font-size: 24rpx;
  line-height: 46rpx;
}
